<template>
  <up-input
    :customStyle="inputStyle"
    :prefixIcon="iconType"
    prefixIconStyle="font-size:7.2vw;color:black;margin:0.6vw 0 0 1vw;font-weight:560;"
    fontSize="3.6vw"
    color="black"
    :placeholder="showText"
    placeholderStyle="color:#d5d5d5;font-size:3.6vw;font-weight:bold;"
    shape="circle"
    type="text"
    inputAlign="left"
    border="none"
    @change="change"
  ></up-input>
</template>

<script setup>
import { reactive } from 'vue';
defineProps({
  showText: String,
  iconType: String
});
const inputStyle = reactive({
  width: '77.6vw',
  height: '5.4vw',
  backgroundColor: 'rgba(245,245,245,1)',
  padding: '2.8vw 0',
  fontFamily: "'Gill Sans', sans-serif",
  marginRight: '5.2vw'
});
const change = () => {};
</script>

<style></style>
